<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>垃圾分类识别系统</title>
    <link rel="stylesheet" href="/styles.css">
</head>
<body>
    <div class="container">
        <nav>
        <a href="/">分类查询</a>
        <a href="/history">历史记录</a>
        <a href="/tips.html">处理指南</a>
      </nav>
        <h1>智能垃圾分类识别</h1>
        
        <form id="uploadForm">
            <input type="text" id="searchInput" placeholder="输入物品名称查询分类">
            <button type="submit">上传识别</button>
        </form>

        <div class="result-area">
            <div class="image-preview">
                <img id="previewImage" src="#" alt="图片预览">
            </div>
            <div class="classification-result">
                <h3>识别结果：</h3>
                <div id="resultText" class="result-box"></div>
            </div>
        </div>

        <div class="history-section">
            <h3>识别历史记录</h3>
            <ul id="historyList"></ul>
        </div>
    </div>

    <script src="/script.js"></script>
</body>
</html>